<template>
  <div class="home_listitem">
    <ListItem :petList="recommendList" />
  </div>
</template>

<script>
import ListItem from "@/components/ListItem";
export default {
  name: "HomeListItem",
  props: ["recommendList"],
  components: { ListItem },
};
</script>

<style scoped>
.home_listitem {
  width: 44%;
  height: 12rem;
  margin: 0.3rem;
  border-radius: 0.5rem;
  overflow: hidden;
  box-shadow: 0px 1px 4px 0px #c98d61;
}
</style>
